<template>
	<view class="links">
		<view class="card flex" v-for="(item,index) in links" :key="index" @click="toPage(item.link)">
			<image class="square-44" :src="`/static/images/mine/icon-${index + 1}.png`"></image>
			<text class="flex-1 m-l20 text-500-130">{{ item.label }}</text>
			<image class="square-36" src="@/static/images/public/arrow-1.png"></image>
		</view>
	</view>
</template>

<script lang="ts" setup>
	const links = [
		{
			label: '收藏职位',
			link: '/pages/office/collect/collect',
		},
		{
			label: '面试须知',
			link: '',
		},
		{
			label: '意见反馈',
			link: '',
		},
		{
			label: '联系客服',
			link: '',
		},
		{
			label: '设置',
			link: '/pages_site/pages/home/home',
		},
	]

	const toPage = (url : string) => {
		uni.navigateTo({
			url: url,
		})
	}
</script>

<style lang="scss" scoped>
	.card {
		height: 120rpx;
		border-bottom: 1rpx solid $border-color-3;
	}
</style>